@charset "utf-8";
/* CSS Document */

  .progressMain {
            width: 100%;
            background-color: #fff;
        }

        .progressMain .progressItem {
            width: 100%;
        }

        .progressMain .progressItem:first-child,
        .progressMain .progressItem:first-child a {
            background-color: rgb(94, 108, 132);
            color: #fff
        }

        .progressMain .progressItem .content {
            width: 94%;
            margin: 0 3%;
            border-bottom: 1px solid #eaeae8;
        }

        .progressMain .progressItem:first-child .content,
        .progressMain .progressItem:last-child .content {
            border: none;
        }

        .progressMain .progressItem a {
            display: block;
            background-image: url(../images/gray_right_arrow.png);
            background-repeat: no-repeat;
            background-position: 100% 50%;
            background-size: 18px;
        }

        .progressMain .progressItem:first-child a {
            background-image: url(../images/white_right_arrow.png);
        }

        .progressMain .progressItem .content .title {
            width: 80%;
            padding-left: 40px;
            background-image: url(../images/orderStatusIcons_01.png);
            background-repeat: no-repeat;
            background-size: auto 50px;;
            line-height: 28px;
            padding-top: 8px;
        }

        .progressMain .progressItem:first-child .content .title {
            background-image: url(../images/orderStatusIcons_02.png);
        }

        .progressMain .progressItem .content .title.rated {
            background-position: -10px 0px;
        }

        .progressMain .progressItem .content .title.finished {
            background-position: -60px 0px;
        }

        .progressMain .progressItem .content .title.delivery {
            background-position: -110px 0px;
        }

        .progressMain .progressItem .content .title.paid {
            background-position: -160px 0px;
        }

        .progressMain .progressItem .content .title.deal {
            background-position: -210px 0px;
        }

        .progressMain .progressItem .content .title.sale {
            background-position: -260px 0px;
        }

        .progressMain .progressItem .content .title.unsold {
            background-position: -310px 0px;
        }

        .progressMain .progressItem .content .title.refunding {
            background-position: -360px 0px;
        }

        .progressMain .progressItem .content .title.returning {
            background-position: -410px 0px;
        }

        .progressMain .progressItem .content .title.returnpause {
            background-position: -460px 0px;
        }

        .progressMain .progressItem .content .title.refundpause {
            background-position: -460px 0px;
        }

        .progressMain .progressItem .content .title div {
            font-size: 15px;
            background-color: #fff
        }

        .progressMain .progressItem:first-child .content .title,
        .progressMain .progressItem:first-child .content .title div {
            background-color: rgb(94, 108, 132);
        }

        .progressMain .progressItem .detail {
            width: 90%;
            padding-left: 40px;
            padding-bottom: 10px;
        }

        .progressMain .progressItem .detail.small {
            padding-bottom: 5px;
        }

        .progressMain .progressItem .detail .time {
            font-size: 12px;
            width: 75%;
            color: #888;
        }

        .progressMain .progressItem:first-child .detail .time {
            color: #FFF;
        }

        .orderMain {
            padding-top: 10px;
        }

        .orderInfoMain {
            width: 100%;
            background-color: #FFF;
            margin-top: 10px;
            color: #53585a;
            display: table;
        }

        .orderInfoMain .title {
            width: 92%;
            margin: 0 4%;
            height: 42px;
            line-height: 42px;
            border-bottom: 1px #DDDDDD solid;
            color: #53585a;
            font-size: 15px;
        }

        .orderInfoMain .saleUri,
        .orderInfoMain .payUri {
            width: 92%;
            margin: 0 4%;
            line-height: 24px;
        }

        .orderInfoMain .saleUri .label,
        .orderInfoMain .payUri .label {
            font-size: 15px;
        }

        .orderInfoMain .saleUri .value,
        .orderInfoMain .payUri .value {
            font-size: 13px;
        }

        .orderInfoMain .saleUri {
            margin-top: 10px;
        }

        .orderInfoMain div:last-child {
            margin-bottom: 10px;
        }

        .disputeMain {
            position: relative;
            width: 100%;
            background-color: #FFF;
            margin-top: 10px;
            color: #53585a;
            display: table;
        }

        .disputeMain .title {
            width: 92%;
            margin: 0 4%;
            height: 42px;
            line-height: 42px;
            border-bottom: 1px #DDDDDD solid;
            color: #53585a;
            font-size: 15px;
            margin-bottom: 10px;
        }

        .disputeMain .title span {
            font-size: 12px;
            float: right;
        }

        .disputeMain .dispute {
            width: 92%;
            margin: 0 4%;
            line-height: 20px;
        }

        .disputeMain .dispute:last-child {
            margin-bottom: 10px;
        }

        .disputeMain .dispute span {
            font-size: 12px;
            float: right;
        }

        .addressMain {
            position: relative;
            width: 100%;
            background-color: #FFF;
            margin-top: 10px;
            color: #53585a;
            display: table;
        }

        .addressMain .title {
            width: 92%;
            margin: 0 4%;
            height: 42px;
            line-height: 42px;
            border-bottom: 1px #DDDDDD solid;
            color: #53585a;
            font-size: 15px;
        }

        .addressMain .userInfo, .addressMain .rateContent{
            width: 92%;
            margin: 0 4%;
            height: 42px;
            line-height: 42px;
            font-size: 15px;
        }

        .addressMain .userInfo span:last-child {
            float: right;
        }

        .addressMain .rateContent{
            text-align: right;
            border-top: 1px #DDDDDD solid;
            padding-bottom: 6px;
        }

        .addressMain .addressInfo {
            width: 92%;
            margin: 0 4%;
            line-height: 20px;
            padding-bottom: 10px;
        }

        .addressMain .deliveryInfo, .addressMain .faceTrade{
            padding-bottom: 6px;
        }

        .addressMain .deliveryInfo{
            border-top: 1px #DDDDDD solid;
        }

        .addressMain .starEmpty,
        .addressMain .starFull {
            width: 146px;
            height: 18px;
            background-position: center left;
            background-size: auto 100%;
            background-repeat: no-repeat;
        }

        .addressMain .starEmpty {
            background-image: url(../images/starEmpty.png);
            margin-top: 12px;
            float: left;
        }

        .addressMain .starFull {
            width: 0;
            left: 0;
            background-image: url(../images/starFull.png);
        }

        .addressMain .rateStars{
            float: left;
            margin-left: 10px;
        }

        .moneyMain{
            background-color: #FFF;
            margin-top: 10px;
        }

        .moneyMain .title{
            width: 92%;
            margin: 0 4%;
            height: 42px;
            line-height: 42px;
            border-bottom: 1px #DDDDDD solid;
            color: #53585a;
            font-size: 15px;
        }

        .moneyMain .moneyItem{
            height: 42px;
            border-bottom: 1px solid #eaeae8;
            line-height: 42px;
            width: 92%;
            margin: 0 4%;
            font-size: 12px;
        }

        .moneyMain .moneyItem:last-child{
            border:none;
        }

        .moneyMain .moneyItem .content{
            float: left;
            width: 33%;
        }

        .moneyMain .moneyItem .content em{
            color: #000000;
            font-size: 16px;
        }

        .moneyMain .moneyItem .content em.income{
            color: #06BC07;
        }

        .moneyMain .moneyItem .time{
            width: 33%;
            float: left;
            text-align: center;
        }

        .moneyMain .moneyItem .status{
            width: 34%;
            float: left;
            text-align: right;
        }